<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>admin.index.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
		body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
		img { border-style: none; }
		
		ul {list-style: none outside none;}
    	.top{width:900px;height:30px;margin:0 auto;background-color:#000066;color:white;font-weight:bold}
		.top span{float:left;margin:5px 20px;height:20px;} 
		.top a{float:right; margin:5px 10px;height:20px;}
		.top a:link{color:white;}
		.top a:hover{color:white;}
		
		.main {width:900px;height:auto;margin:20px auto;overflow:auto;zoom:1;}
		
		.main .left { float:left;width: 120px; border: 1px solid #CCC; border-bottom:none;}
		.main .left ul { list-style: none; margin: 0px; padding: 0px; }
		.main .left ul li { background: #eee; padding: 0px 8px; height: 26px; 
		       line-height: 26px; border-bottom: 1px solid #CCC; position:relative; }
	    .main .left ul li a { color: #000; text-decoration: none; }
		.main .left ul li a:hover { color: #F00; }
		.main .left ul li a { color: #000; text-decoration: none; }
		.main .left ul li ul { display:none; position: absolute; left: 120px; top: 
				-1px; width:120px; border:1px solid #ccc; border-bottom:none; }
		.main .left ul li.current ul { display:block;}
		.main .left ul li:hover ul { display:block;}
		.main .right{float:right;width:760px;}
		.footer{text-align:center;margin-top:10px;}
		.clear{clear:both;display:none}
    </style>
  </head>
  
  <body>
       <div class="top">
       	   <span>admin,欢迎使用管理后台</span>
		   <a href="/logout.do">退出</a>
		   <a href="/">回到网站首页</a>
       </div>
	   <div class="main">
	   		<div class="left">
				<ul>
					<li>
						<a>管理员中心</a>
					</li>
					<li>
						<a>用户管理</a>
					</li>
					<li>
						<a>角色管理</a>
						<ul>
							<li><a>添加角色</a></li>							
						</ul>
					</li>
				</ul>
	   		</div>
			<div class="right">
				y右边的div啊啊的阿飞阿斯多夫阿斯多夫啊
			</div>
		    <div class="clear"></div>
	   </div>
	   <div class="footer">
	   	        <p>拍照阿拉斯加的理发师剪短发拉斯队交锋</p> ；拉斯队交锋阿隆索地方阿斯多夫阿斯多夫阿斯多夫 
		
	   </div>
  </body>
</html>
